Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

London | Funmi Moriyele | Wireframe Task | Week 2 #206

Open
wants to merge 5 commits into
base: main
Choose a base branch
from

Conversation

fmoriyele
Copy link

@fmoriyele fmoriyele commented Oct 13, 2024

Self checklist
✓ I have committed my files one by one, on purpose, and for a reason
✓ I have titled my PR with COHORT_NAME | FIRST_NAME LAST_NAME | REPO_NAME | WEEK
✓ I have tested my changes
✓ My changes follow the style guide
✓ My changes meet the requirements of this task

Changelist
✓ I have created a webpage about Git that contains three articles. I used HTML5, CSS3, and Web Design to develop this webpage.

Questions

I struggled to use the :first-class pseudo class. I applied this to Article 1, creating a <div class="article-section"> to make sure Article 1 is the first child of the parent container. However, it seems to make no changes to the code when I use css to style it.

I would appreciate any feedback on how to correct this.

Thank you for reviewing!

Copy link

netlify bot commented Oct 13, 2024

Deploy Preview for cyf-ufd ready!

Name Link
🔨 Latest commit 03988ef
🔍 Latest deploy log https://app.netlify.com/sites/cyf-ufd/deploys/670bf0d2b501f8000826259f
😎 Deploy Preview https://deploy-preview-206--cyf-ufd.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@fmoriyele fmoriyele added the Needs Review Participant to add when requesting review label Oct 13, 2024
@fmoriyele fmoriyele changed the title Creating wireframe website, issue with ::first-child pseduoclass London | Funmi Moriyele | Wireframe Task | Week 2 Oct 13, 2024
Copy link
Member

@SallyMcGrath SallyMcGrath left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @fmoriyele . Thanks for this! Your work is deployed here https://deploy-preview-206--cyf-ufd.netlify.app/wireframe/

  1. When I ran Lighthouse it scored 83. Run Lighthouse yourself and make the suggested changes until your score is 100

  2. Regarding your question. You don't need this div and it's complicating your code (nearly always in HTML and CSS the answer is to remove code) . Put all three articles as child of main and then try assigning a style to article:first-child .

https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child

@SallyMcGrath SallyMcGrath added 👀 Review Testing Changes requested to do with testing Reviewed Volunteer to add when completing a review and removed Needs Review Participant to add when requesting review labels Oct 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
👀 Review Testing Changes requested to do with testing Reviewed Volunteer to add when completing a review
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants